iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
Modern Web

vue3 + Leaflet.js系列 第 24

day24 markercluster 事件

  • 分享至 

  • xImage
  •  

marker 除了能群組設定 option 還能監聽事件。

markers.on("click", function (e) {
  // console.log(e.layer);
});

markers.on("clusterclick", function (e) {
  console.log("cluster " + e.layer.getAllChildMarkers().length);
});

markers.on("animationend", (e) => {
  // console.log(e);
});

markers.on("spiderfied", (e) => {
  // console.log(e);
});

markers.on("unspiderfied", (e) => {
  // console.log(e);
});

  • clusterclick 事件: 監聽 marker 群組
  • animationend : marker 群組點擊結束動畫後觸發
  • spiderfied : marker 群組散開時觸發
  • unspiderfied : marker 群組收合後觸發

參考資料:https://github.com/Leaflet/Leaflet.markercluster#events


上一篇
day23 markercluster Options
下一篇
day25 Leaflet.Polyline.SnakeAnim
系列文
vue3 + Leaflet.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言